<template>
  <div>
    <div class="Purchase">
      <img src="../../assets/goumaichengong.png" class="img" alt="">
      <div class="Purchase-div">购买成功</div>
      <div class="PurchaseDiv">
        关注公众号
      </div>
      <p class="purchaseP">您可能需要</p>
      <img src="../../assets/yaoqinhaoyou.png" class="pur-img" alt="">
    </div>
  </div>
</template>
<script>
// 支付成功后
export default {
  name: 'Purchasesuccess',
  created: () => {
    document.title = '购买成功'
  }
}
</script>
<style lang='scss' scoped>
.Purchase{
  background:rgba(255,255,255,1);
  display: flex;
  flex-direction:column;
  align-items: center;
  .img {
    width: 13.0vw;
    height: 13.0vw;
    margin-top:13.3vw;
    margin-bottom:5.3vw;
  }
  .Purchase-div {
    font-size:5.6vw;
    font-family:SourceHanSansCN-Bold;
    font-weight:bold;
    color:rgba(22,22,22,1);
  }
  .PurchaseDiv {
    width:93.06vw;
    height:12.26vw;
    background:rgba(10,109,255,1);
    border-radius:6px;
    line-height: 12.26vw;
    text-align: center;
    font-weight:400;
    color:rgba(255,255,255,1);
    font-size:4.5vw;
    margin-top:13.3vw;
  }
  .purchaseP {
    font-size:3.7VW;
    font-family:SourceHanSansCN-Regular;
    font-weight:400;
    color:rgba(134,134,134,1);
    margin-top:32.5vw;
  }
  .pur-img{
    width: 93.0vw;
    height: 22.4vw;
    margin-top:7.56vw;
    margin-bottom: 29vw;
  }
}
</style>
